<script lang="ts">
    import HorizontalBar from "../../../components/HorizontalBar/HorizontalBar.svelte";

    export let devicesDetail: any = {};
</script>

<div class="basis-3/5 flex flex-col h-[80%] my-auto">
    <div class="basis-1/5">
        <HorizontalBar
            label="产量"
            barOffset={100}
            value={+devicesDetail.production}
            total={600}
            unit=""
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="循环节拍"
            barOffset={100}
            value={+devicesDetail.loopMeter}
            total={600}
            unit="S"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="X轴电机温度"
            barOffset={100}
            value={+devicesDetail.xMotoTemperature}
            total={600}
            unit="℃"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="X轴电机负载"
            barOffset={100}
            value={+devicesDetail.xMotoLoad}
            total={600}
            unit="%"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="主轴电机温度"
            barOffset={100}
            value={+devicesDetail.justfyMotoTemperature}
            total={600}
            unit="℃"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="主轴电机负载"
            barOffset={100}
            value={+devicesDetail.justfyMotoLoad}
            total={600}
            unit="%"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="车削直径"
            barOffset={100}
            value={+devicesDetail.cxzj}
            total={600}
            unit="mm"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="最高转速"
            barOffset={100}
            value={+devicesDetail.zgzs}
            total={600}
            unit="r/min"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="主电机功率"
            barOffset={100}
            value={+devicesDetail.zdjgl}
            total={600}
            unit="W"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="定位精度"
            barOffset={100}
            value={+devicesDetail.dwjd}
            total={600}
            unit="mm"
        />
    </div>
</div>
